<template>
  <div>
    <!-- 
      axios的使用
      作用：用于请求数据的一个第三方请求库
      使用步骤：
        1、下载axios
          npm i axios 
        2、引入 
          import axios from "axios"
        3、使用（根据语法使用）
          语法：
            axios( {
              method: "请求方式",
              url: "请求地址",
              data: {
                post的请求参数
              },
              params: {
                get的请求参数
              }
            } ).then(res=>{
              res: 请求返回结果
            }).catch(err=>{
              err: 请求失败的结果 (一般是后的服务器错误会触发)
            })
     -->
    <h1>1、查询所有图书信息</h1>
    <button @click="searchFn">查询-看控制台</button>
  </div>
</template>

<script>
import axios from "axios"
export default {
  methods: {
    searchFn(){
      // 调用接口 查询数据
      axios({
        methods: "get",
        url: "http://123.57.109.30:3006/api/getbooks"
      }).then(res=>{
        console.log(43,res);
      }).catch(err=>{
        console.log(45,err)
      })
    }
  }
}
</script>

<style>

</style>